@charset "utf-8";html,body{width:100%;height:100%;overflow-y:auto;overflow-x:hidden}
body{font-size:12px;font-family:verdana,Arial,"Lucida Grande","Microsoft Yahei","Hiragino Sans GB","Hiragino Sans GB W3",SimSun,STHeiti;_font-family:Tahoma,Arial,Helvetica,STHeiti;background-color:#333}
*,*:active,*:focus{outline:0 none}
input,select,textarea,button{font-family:verdana,Arial,"Lucida Grande","Microsoft Yahei","Hiragino Sans GB","Hiragino Sans GB W3",STHeiti;_font-family:Tahoma,Arial,Helvetica,STHeiti}
body,p,div{margin:0;padding:0;word-break:break-all;word-wrap:break-word}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:100%}
ul,ol,li,dl,dd,dt{margin:0;padding:0;list-style:none}
a{color:#ffa800;text-decoration:none}
a:hover{color:#ffa800;text-decoration:underline}
td{font-size:12px;color:#960}
img{border:0}
input{outline:0}
.line20{line-height:20px}
.tdcenter{text-align:center}
.hide{display:none}
.clearbg{background:0}
.clear{clear:both;display:block;height:0;font-size:0;line-height:0;overflow:hidden}
.clearfix:after,.wrapper:after,.article:after{content:'\20';clear:both;display:block}
.clearfix,.wrapper,.article{*zoom:1}
.fullscreen-bg{background-position:50% 50%;background-size:cover;bottom:0;right:0;position:fixed;position:absolute\9;width:100%\9;height:100%\9;overflow:hidden;left:0;top:0}
.fullscreen-bg:before{background-size:100%;bottom:0;content:"";left:0;opacity:.5;position:fixed;right:0;top:0}
.fullscreen-bg:after{bottom:0;content:"";left:0;position:fixed;right:0;top:0}
.fullscreen-bg img{display:none;display:block\9;-ms-interpolation-mode:bicubic;filter:progid:DXImageTransform.Microsoft.Fade(duration=0.3);height:auto;margin:0;visibility:visible;opacity:1}
.wrapper{width:980px;position:absolute;top:50%;left:50%;margin:-245px 0 0 -490px;z-index:2;color:#666}
.container{width:370px;margin:-30px auto 0}
.container a.logo{width:75px;height:90px;display:block;text-indent:-999px;overflow:hidden;background:url(/images/signup/logo-new.png) no-repeat;margin:0 auto}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2){.container a.logo{background-position:-50px 0;background-size:150px 100px}
}
.signup-forms{position:relative}
.signup-forms .inner{width:370px;padding-top:26px;background-color:#fff;border-radius:5px;box-shadow:0 3px 3px rgba(0,0,0,.4)}
.signup-forms .form-field{clear:both;width:320px;margin:0 auto;padding-top:10px;zoom:1\9}
.signup-forms .form-field input{width:306px;height:28px;border:1px solid #d8d8d8;border-radius:4px;font-size:14px;color:#666;line-height:28px;padding:6px 0 6px 12px;box-shadow:0 0 5px #fff;outline:0;transition:box-shadow .25s linear 0s;-webkit-transition:box-shadow .25s linear 0s}
.signup-forms .form-field input:focus{border:1px solid #ffa200;box-shadow:0 0 5px #ffa200;outline:0;transition:box-shadow .25s linear 0s;-webkit-transition:box-shadow .25s linear 0s}
.signup-forms .form-field .disable-input{width:308px;height:28px;line-height:28px;border:1px solid #d8d8d8;border-radius:4px;font-size:14px;color:#666;padding:6px 0 6px 12px;box-shadow:0 0 5px #fff}
.signup-forms .form-field .email{color:#999;text-align:left;line-height:2em}
.signup-forms .form-link{clear:both;width:320px;margin:0 auto;padding:8px 0 0;text-align:right}
.signup-forms .form-link a{color:#ffa800}
.signup-forms .err-input{border:1px solid #ff3c00}
#_j_forget_form{padding-top:25px;position:relative}
#_j_signup_mobile_form,#_j_complete_form{padding-top:15px;position:relative}
.signup-forms .err-tip{clear:both;background:url(https://css.mafengwo.net/images/signup/err_ico2.png) 0 -60px no-repeat #fff;padding:0 0 3px 22px;width:300px;font-size:12px;color:#ff3c00;margin-top:10px;top:0;position:absolute;text-align:left;display:none}
.signup-forms .err-tip a{color:#ff8a00;text-decoration:none}
.signup-forms .err-tip a:hover{text-decoration:underline}
.signup-forms .info-tip{background-color:#fffee1;color:#daac50;border:1px solid #f5c056;font-size:12px;line-height:18px;margin-top:12px;position:relative;padding:8px 12px;border-radius:4px}
.signup-forms .info-tip h5{color:#c09853}
.signup-forms .form-field input.vcode-input{width:174px;float:right}
.signup-forms .vcode-view{border:1px solid #dfdfdf;border-radius:2px;box-shadow:0 0 5px #fff;display:inline-block;margin:0 0 0 10px;vertical-align:top}
.signup-forms .vcode-view img{height:36px}
.signup-forms .vcode-send{width:120px;height:40px;line-height:40px;display:inline-block;margin-right:10px;text-align:center;border:1px solid #dfdfdf;border-radius:4px;background:#f2f2f2;background:-moz-linear-gradient(top,#fff,#f2f2f2);background:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#f2f2f2));color:#333;vertical-align:top;float:left;overflow:hidden}
.signup-forms .vcode-send:hover{background:#fff;text-decoration:none}
.signup-forms .vcode-send.disabled{background:#f2f2f2;cursor:default;color:#b3b3b3}
.signup-forms .submit-btn{width:320px;margin:0 auto;padding:12px 0 0}
.signup-forms .submit-btn button{width:320px;height:42px;border:0;background-color:#ffa800;border-radius:5px;text-align:center;line-height:40px;color:#fff;font-size:18px;font-weight:bold;cursor:pointer}
.signup-forms .submit-btn button:hover{background-color:#ffb01e}
.signup-forms .submit-btn button.disabled{background-color:#999;color:#fff;cursor:pointer}
.signup-forms .submit-btn a{color:#ff8a00}
.signup-forms .agreement{width:320px;margin:0 auto;padding-top:12px;font-size:12px;color:#ccc;text-align:right;line-height:1em}
.signup-forms .agreement a{color:#999;font-size:12px;margin-left:2px}
.signup-forms .agreement a:hover{color:#3f200f}
.signup-forms .connect{clear:both;overflow:hidden;margin-top:30px}
.signup-forms .connect .hd{padding:15px 0 20px 24px;font-size:12px;color:#999;border-top:1px solid #ebebeb}
.signup-forms .connect .bd{padding:0 0 0 25px;width:348px;height:84px;overflow:hidden}
.signup-forms .connect .bd.open{height:auto}
.signup-forms .connect a{width:58px;height:84px;text-align:center;font-size:12px;color:#999;display:inline-block;margin-right:25px}
.signup-forms .connect a:hover{color:#666;text-decoration:none}
.signup-forms .connect a i{width:42px;height:42px;background:url(/images/signup/c_icon3.gif) no-repeat;display:block;margin:0 0 4px 10px;cursor:pointer}
.signup-forms .connect a.weibo i{background-position:0 0}
.signup-forms .connect a.weibo:hover i{background-position:0 -42px}
.signup-forms .connect a.qq i{background-position:-42px 0}
.signup-forms .connect a.qq:hover i{background-position:-42px -42px}
.signup-forms .connect a.renren i{background-position:-84px 0}
.signup-forms .connect a.renren:hover i{background-position:-84px -42px}
.signup-forms .connect a.msn i{background-position:-126px 0}
.signup-forms .connect a.msn:hover i{background-position:-126px -42px}
.signup-forms .connect a.kaixin i{background-position:-168px 0}
.signup-forms .connect a.kaixin:hover i{background-position:-168px -42px}
.signup-forms .connect a.sohu i{background-position:-210px 0}
.signup-forms .connect a.sohu:hover i{background-position:-210px -42px}
.signup-forms .connect a.aq360 i{background-position:-336px 0}
.signup-forms .connect a.aq360:hover i{background-position:-336px -42px}
.signup-forms .connect a.weixin i{background-position:-294px 0}
.signup-forms .connect a.weixin:hover i{background-position:-294px -42px}
.signup-forms .connect a.more i{background-position:-252px 0}
.signup-forms .connect a.more:hover i{background-position:-252px -42px}
.bottom-link{width:140px;margin:10px auto;background-color:#000;border-radius:15px;background-color:rgba(0,0,0,.4);text-align:center;font-size:12px;color:#fff;padding:4px 0;text-shadow:1px 1px 1px rgba(0,0,0,.4)}
.bottom-link a{color:#ffa800;margin-left:6px}
.signup-forms .signup-box{position:absolute;top:0;left:0;z-index:9;display:block}
.signup-forms.flip .signup-box{display:none}
.signup-forms .login-box{position:absolute;z-index:8;top:0;left:0;display:none}
.signup-forms.flip .login-box{z-index:10;display:block}
.signup-forms .bind-box{z-index:0;display:none}
.signup-forms.flip .bind-box{display:block}
.signup-forms .mobile-field{clear:both;width:320px;margin:0 auto;padding-top:10px;zoom:1\9}
.signup-forms .form-box{width:316px;height:40px;border:1px solid #d8d8d8;border-radius:4px;font-size:14px;color:#666;padding:0 0 0 4px;box-shadow:0 0 5px #fff}
.signup-forms .form-box .sel-box{float:left;width:122px;height:40px;line-height:40px;border-right:1px solid #e3e3e3;position:relative;padding:0 0 0 8px}
.signup-forms .form-box .sel-box i{border:5px solid #ffa800;border-color:#ffa800 transparent transparent transparent;position:absolute;right:10px;top:18px}
.signup-forms .form-box .sel-box .list{position:absolute;top:37px;left:-5px;width:320px;border:1px solid #d8d8d8;background-color:#fff;display:none;height:246px;overflow-y:auto}
.signup-forms .form-box .sel-box dl{clear:both;border-bottom:1px solid #f4f4f4;line-height:40px;font-size:14px;cursor:pointer}
.signup-forms .form-box .sel-box dl:last-child{border:0}
.signup-forms .form-box .sel-box dl:hover{background-color:#f4f4f4}
.signup-forms .form-box .sel-box dt{color:#666;padding-left:15px;width:235px;float:left}
.signup-forms .form-box .sel-box dd{color:#999;padding-right:15px;text-align:right}
.signup-forms .form-box input{width:172px;border-radius:0;border:0;height:28px;padding:6px 0 6px 8px;color:#666;font-size:14px;line-height:28px}
.photoby{position:absolute;bottom:10px;right:10px;font-size:12px;color:#fff;line-height:2em;z-index:3}
.photoby img{vertical-align:middle;margin-right:6px}
.photoby a{color:#fff}
.ver-email{text-align:center;width:370px;background-color:#fff;border-radius:5px}
.ver-email .hd{font-size:16px;line-height:1.8em;text-align:center;padding-top:30px}
.ver-email .hd span{font-weight:700;color:#d62d00}
.ver-email .btn-link{width:310px;height:40px;line-height:40px;background:#ffa800;display:inline-block;color:#fff;font-size:18px;text-align:center;border-radius:5px;margin-top:20px}
.ver-email .btn-link:hover{background:#ff8a00;text-decoration:none}
.ver-email .tips{font-size:12px;line-height:2.2em;padding:20px 0 35px;color:#999}
.ver-email .tips .title{font-weight:bold;padding-bottom:6px}
.ver-email .tips strong{margin:0 3px}
.add-info{text-align:center;width:370px;background-color:#fff;border-radius:5px;padding-bottom:20px}
.add-info .hd{height:56px;background-color:#f5f5f5;border-bottom:1px solid #d8d8d8;line-height:56px;font-size:18px;color:#666;padding:0 26px;border-radius:5px 5px 0 0;text-align:left}
.add-info .hd a{color:#ff8a00;text-decoration:none;font-size:12px}
.add-info .hd a:hover{text-decoration:underline}
.add-info .m-t-10{margin-top:10px}
.alert{padding:6px 10px;border:1px solid transparent;border-radius:4px;text-align:left}
.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}
.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}
.signup-forms .inner .alert,.add-info .alert{width:300px;margin:0 auto}
.add-info .alert{margin-top:20px}
.reveal-modal-bg{position:fixed;height:100%;width:100%;background:#000;background:rgba(0,0,0,.8);z-index:100;display:none;top:0;left:0}
.reveal-modal{visibility:hidden;top:100px;left:50%;margin-left:-300px;width:520px;background:#eee url(/images/signup/modal-gloss.png) no-repeat -200px -80px;position:absolute;z-index:101;padding:30px 40px 34px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 0 10px rgba(0,0,0,.4);-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);-box-shadow:0 0 10px rgba(0,0,0,.4)}
.reveal-modal.small{width:200px;margin-left:-140px}
.reveal-modal.medium{width:400px;margin-left:-240px}
.reveal-modal.large{width:600px;margin-left:-340px}
.reveal-modal.xlarge{width:800px;margin-left:-440px}
.reveal-modal .close-reveal-modal{font-size:22px;line-height:.5;position:absolute;top:8px;right:11px;color:#aaa;text-shadow:0 -1px 1px rbga(0,0,0,.6);font-weight:bold;cursor:pointer;text-decoration:none}
.close-serive-modal{color:#666}
.close-serive-modal h3{height:32px;line-height:32px;font-size:20px;text-align:center;color:#c91523;font-weight:700;margin-bottom:15px}
.close-serive-modal p{line-height:26px}
.close-serive-modal li{line-height:26px;padding-left:20px}
.placeholder{color:#b1b1b1!important}
.container-login{width:500px}
.signup-forms .inner_v2{width:500px}
.signup-forms .form-field_v2,.signup-forms .form-link_v2{padding-left:25px;margin:0}
.signup-forms .submit-btn_v2{margin:0;padding-left:25px}
.signup-forms .agreement_v2{width:345px;margin:0}
.signup-forms .connect .hd_v2{width:346px;border-top:0 none}
.signup-forms .inner_v2 .inner_v2_left{float:left;width:370px}
.signup-forms .inner_v2 .inner_v2_right{float:right;border-left:1px solid #ebebeb;width:208px;padding-left:20px;height:300px;padding-top:20px}
.signup-forms .inner_v2 .inner_v2_right img{width:180px;height:180px}
.signup-forms .inner_v2 .inner_v2_right p{font-size:15px;color:#797979;line-height:24px;margin-top:20px;text-align:center;width:180px}

.signup-forms .inner_v2_center{margin: 0 auto;width: 450px}
.signup-forms .form-field input.vcode-input-left{width:174px;float:left}
.signup-forms .vcode-send-right{width:120px;height:40px;line-height:40px;display:inline-block;
    text-align:center;border:1px solid #dfdfdf;border-radius:4px;background:#FF8A00;font-size:14px;
    color:#FFFFFF;vertical-align:top;float:right;overflow:hidden}
.signup-forms .vcode-send-right:hover{background-color:#ffb01e;text-decoration:none;cursor:pointer}
.signup-forms .vcode-send-right:disabled{background:#e3e3e3;cursor:default;color:#6f6f6f}
.signup-forms .bottomblock{width:320px;margin:0 auto;padding-top:20px}
